<!--轮播图片-->
<ngb-carousel *ngIf="bannerCovers.length>0">
  <ng-template ngbSlide *ngFor="let item of bannerCovers;">
    <img src="{{item.src}}" style="width:100%;height:100%;">
    <div class="carousel-caption">
      <h3>{{item.name}}</h3>
      <p>{{item.introduce}}</p>
    </div>
  </ng-template>
</ngb-carousel>


<!--热门推荐-->
<div class="row" *ngIf="recommendGoods.length>0">
  <div class="col-12">
    <div class="col category"><h2>热门推荐</h2></div>
  </div>
  <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 item" *ngFor="let item of recommendGoods;">
    <img src="{{item.src}}">
    <div class="detail">
      <h5><a class="name">{{item.name}}</a></h5>
      <p class="introduce">{{item.introduce}}</p>
      <a class="like" href='https://www.baidu.com/s?wd={{item.name}}&ie=utf-8'>查询详情</a>
    </div>
  </div>
</div>

<!--热门服务-->
<div class="row" *ngIf="serviceCovers.length>0">
  <div class="col-12">
    <div class="col category"><h2>热门服务</h2></div>
  </div>
  <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 item" *ngFor="let item of serviceCovers;">
    <img src="{{item.src}}" style="width:80px;height:80px;">
    <div class="detail" style="border: 0;">
      <h5><a class="name">{{item.name}}</a></h5>
    </div>
  </div>
</div>

